import { Component } from "react";
import { View, Text } from "@tarojs/components";
import Taro from "@tarojs/taro";
import "./index.scss";

/**
 * 页面生命周期执行顺序
 *
 * onLoad
 * componentDidShow
 * onReady
 * onUnload
 */

export default class Detail05 extends Component {
  onLoad() {
    console.log("Detail05 onLoad");
  }
  componentDidShow() {
    console.log("Detail05 componentDidShow");
  }
  onReady() {
    console.log("Detail05 onReady");
  }
  componentDidHide() {
    console.log("Detail05 componentDidHide");
  }
  onUnload() {
    console.log("Detail05 onUnload");
  }
  onPullDownRefresh() {
    console.log("Detail05 onPullDownRefresh");
    setTimeout(() => {
      Taro.stopPullDownRefresh();
    }, 1000);
  }
  onReachBottom() {
    console.log("Detail05 onReachBottom");
  }

  render() {
    return (
      <View className="detail05">
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
        <View className="detail01-item">item1</View>
      </View>
    );
  }
}
